// pages/quan/quan.js
const app = getApp();
let util = require("../../utils/util.js");
let baseImgUrl = util.baseImgUrl;
let city;//城市名称

Page({

  /**
   * 页面的初始数据
   */
  data: {
    networkStatus: false,
    loadingStatus: true,//默认加载完成，true--正在加载中
    none_network: util.imgUrl + "none_network.png",
    loadgif: util.imgUrl + "loading.gif",//加载gif图
    loading: util.imgUrl + "loading.png",

    //变量初始数据
    city: "",//城市名
    scrollLeft: 0,//向左滚动初始距离为0
    navActive:1,//默认选择圈儿，页面初始是否传递参数，确定进入的是按个导航类名？
    navList:[{
      id:0,
      name:"广场"
    }, {
        id: 1,
        name: "圈儿"
      }, {
        id: 2,
        name: "问吧"
      },],
    //模拟数据 subnav
    subnavlist: [{
      id: "g",
      name: "关注",
    },
    {
      id: "t",
      name: "推荐",
      }, {
        id: 0,
        name: "附近",
      },
      {
        id: 1,
        name: "商圈",
      },{
        id: 2,
        name: "美食",
      },
      {
        id: 5,
        name: "教育",
      }, {
        id: 6,
        name: "健身",
      },
      {
        id: 7,
        name: "娱乐",
      }],
    notNone:false,
    quanList:[{
        types:0,//0--多图，1---单图 ，2--视频
        id:0,
        shoplogo:baseImgUrl+"shoplogo.png",
        shopname:"御泥坊旗舰店",
        date:"19.01.03",
        time:"19:20:15",
        followFlag:true,
        intro:"做过公众号运营的朋友都知道，进入公众号后台，在左边菜单栏点击“自动回复”后有三种回复方式可以设置：一是，关键词自动回复。即粉丝发送关键词后，自动回复预先设置好的内容，这里还不能直接设置小程序链接（但是依然有办法解决）。二是，收到消息自动回复。三是，关注自动回复。这次的更新，在二、三都可以直接加入小程序链接。通过文字，将小程序链接到指定页面（设置指定页面不难，难在如何获取小程序指定页面链接？）。",
        picurl:[{
          id:0,
          url:baseImgUrl+"pic0.png",
        }, {
            id: 0,
            url: baseImgUrl + "pic0.png",
          }, {
            id: 0,
            url: baseImgUrl + "pic0.png",
          }],
          zan:15
    }, {
        id: 0,
        shoplogo: baseImgUrl + "shoplogo.png",
        shopname: "御泥坊旗舰店",
        date: "19.01.03",
        time: "19:20:15",
        followFlag: true,
        intro: "做过公众号运营的朋友都知道，进入公众号后台，在左边菜单栏点击“自动回复”后有三种回复方式可以设置：一是，关键词自动回复。即粉丝发送关键词后，自动回复预先设置好的内容，这里还不能直接设置小程序链接（但是依然有办法解决）。二是，收到消息自动回复。三是，关注自动回复。这次的更新，在二、三都可以直接加入小程序链接。通过文字，将小程序链接到指定页面（设置指定页面不难，难在如何获取小程序指定页面链接？）。",
        picurl: [{
          id: 0,
          url: baseImgUrl + "pic0.png",
        }, {
          id: 0,
          url: baseImgUrl + "pic0.png",
        }, {
          id: 0,
          url: baseImgUrl + "pic0.png",
        }],
        zan: 15
      }, {
        id: 0,
        shoplogo: baseImgUrl + "shoplogo.png",
        shopname: "御泥坊旗舰店",
        date: "19.01.03",
        time: "19:20:15",
        followFlag: true,
        intro: "做过公众号运营的朋友都知道，进入公众号后台，在左边菜单栏点击“自动回复”后有三种回复方式可以设置：一是，关键词自动回复。即粉丝发送关键词后，自动回复预先设置好的内容，这里还不能直接设置小程序链接（但是依然有办法解决）。二是，收到消息自动回复。三是，关注自动回复。这次的更新，在二、三都可以直接加入小程序链接。通过文字，将小程序链接到指定页面（设置指定页面不难，难在如何获取小程序指定页面链接？）。",
        picurl: [{
          id: 0,
          url: baseImgUrl + "pic0.png",
        }, {
          id: 0,
          url: baseImgUrl + "pic0.png",
        }, {
          id: 0,
          url: baseImgUrl + "pic0.png",
        }],
        zan: 15
      }],

    // 图片路径
    arrow_d: baseImgUrl + "arrow_d.png",
   
    messages: baseImgUrl + "messages.png",//铃铛图片
    messageNum: 9,//消息数量
    activeId: "t",//选中的选项序号
    nav_more: baseImgUrl + "nav_more.png",
    isnone_pic: baseImgUrl +"isnone_pic.png",//关注为空的图片

  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that=this;
    that.setData({
      loadingStatus: true
    })
    // 判断网络情况
    wx.getNetworkType({
      success: function (res) {
        var networkType = res.networkType;
        if (networkType == "none" || networkType == "unknown") {
          that.setData({
            networkStatus: false
          })
        } else {
          that.setData({
            networkStatus: true,

          })
        }
      }, fail: function (err) {
        console.log("获取网络失败" + err);
        that.setData({
          networkStatus: false
        })
      }
    })
    //圈儿的城市id;
    if (app.globalData.quanId == '') {
      var quanId = '';
    } else {
      var quanId = app.globalData.quanId;
    }
    var quanNavId;
    if (app.globalData.quanNavId == '') {
      quanNavId = 't';
    } else {
      quanNavId = app.globalData.quanNavId;
    }

    /*******************页面第一次进入定位，以后是用户的选择 开始*****************/
    wx.getLocation({
      type: 'wgs84',
      success: function (res) {
        console.log("----------正在定位-------------");
        var latitude = res.latitude
        var longitude = res.longitude
        var speed = res.speed
        var accuracy = res.accuracy;
        //45f2637ce0ee391b9f552e20f1816e05
        that.loadCity(longitude, latitude)
      }, fail: function () {
        console.log("----------用户拒绝定位-------------");
      }
    })

    /*******************定位 结束***************/

    //请求数据，获取接口
    // wx.request({
    //   url: '',
    //   data:{

    //   },
    //   success:function(res){

    //   },
    //   fail:function(err){
    //     that.setData({
    //       loadingStatus: true
    //     })
    //   }
    // })

    //测试数据，应为获取数据后才消失
    setTimeout(function(){
      that.setData({
        loadingStatus: false
      })
    },500)

   
    


  },

  loadCity: function (longitude, latitude) {
    var that = this
    wx.request({
      url: 'https://restapi.amap.com/v3/geocode/regeo?key=45f2637ce0ee391b9f552e20f1816e05&location=' + longitude + ',' + latitude,
      data: {},
      header: {
        'Content-Type': 'application/json'
      },
      success: function (res) {
        // success  
        city = res.data.regeocode.addressComponent.city;
        city = city.split("市")[0];//截取城市名
       // district = res.data.regeocode.addressComponent.district;//区县的名字，本页面不用
        that.setData({
          city: city
        })
      },
      fail: function () {
       console.log("城市定位失败");
       console.log("err",err);
       

      },

    })

  },
  
  //选择城市
  chosecity: function (e) {
    console.log(e);
    var that = this;
    // var quyuId = "",//区县的id，附近的值和城市，区县有关
    wx.navigateTo({
      url: '/pages/locationQuan/locationQuan'
    })

  },
  //切换顶部导航按钮
  choseNav:function(e){
    var that=this;
    var navActive=e.currentTarget.dataset.index;
    that.setData({
      navActive: navActive
    })

  },

  //点击圈nav
  choseSubnav: function (e) {
    console.log(e);
    var that = this;
    // var is_city = e.currentTarget.dataset.iscity;
    var this_index = e.currentTarget.dataset.index;
    var this_id = e.currentTarget.dataset.id;
    var guanzhu_index = 0;//关注频道的序号为0
    if (app.globalData.userInfo) {
      console.log("=========================app.globalData.userInfo");
      console.log(app.globalData.userInfo);
      
    } else {
      console.log("未授权");
      that.setData({
        notNone: false
      })
    }
      //点击关注按钮
      if (this_index == guanzhu_index) {
        //请求接口，获取我的关注的数据
        //如果关注的内容为空

        //测试数据，实际为后台返回的值
        that.setData({
          notNone: false
        })
      } else {
        //点击其他按钮
        that.setData({
          notNone: true
        })
     
    }
   
    that.setData({
      activeId: this_id,
      loading2: true,
    })
    that.data.activeId = this_id;
    //改变全局变量的值
    app.globalData.quanNavId = this_id;
    app.globalData.quannav_index = this_index;

    //调用接口，请求数据

    //测试数据
    setTimeout(function(){
      that.setData({
         loading2: false,
      })
    },200)

    /************************************ */
    var query = wx.createSelectorQuery();//创建节点查询器
    query.select('#nav' + this_index).boundingClientRect();//选择id='#item-' + selectedId的节点，获取节点位置信息的查询请求
    query.select('#scroll-view').boundingClientRect();//获取滑块的位置信息
    //获取滚动位置
    query.select('#scroll-view').scrollOffset();//获取页面滑动位置的查询请求
    query.exec(function (res) {
      // console.log("res:",res)
      that.setData({
        scrollLeft: res[2].scrollLeft + res[0].left + res[0].width / 2 - res[1].width / 2
      });
    });


  },

  //进入选择页面
  getmore: function () {
    var that = this;
    var quanNavId = app.globalData.quanNavId;
    console.log(quanNavId);
    wx.navigateTo({
      url: '/pages/optionsQuan/optionsQuan?reason=index&&quanNavId=' + quanNavId,
    })

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    var that = this;
    // var newsLen = that.data.newslists.length;
    // var visitLen = that.data.visitedarr.length;
    // console.log("----------index onshow--------------");
    // console.log(that.data.visitedarr);

    // 定位
    wx.getLocation({
      type: 'wgs84',
      success: function (res) {
        var latitude = res.latitude
        var longitude = res.longitude
        var speed = res.speed
        var accuracy = res.accuracy;
        //45f2637ce0ee391b9f552e20f1816e05
        that.loadCity(longitude, latitude);
      }, fail: function () {
        console.log("----------用户拒绝定位-------------");
      }
    })

   
    var quanNavId;
    if (app.globalData.quanNavId == '') {
      quanNavId = 't';
    } else {
      quanNavId = app.globalData.quanNavId;
    }
    that.setData({
      activeId: quanNavId,
     
    })

    var query = wx.createSelectorQuery();//创建节点查询器

    query.select('#nav' + app.globalData.quannav_index).boundingClientRect();//选择id='#item-' + selectedId的节点，获取节点位置信息的查询请求
    query.select('#scroll-view').boundingClientRect();//获取滑块的位置信息
    //获取滚动位置
    query.select('#scroll-view').scrollOffset();//获取页面滑动位置的查询请求
    query.exec(function (res) {
      console.log("res:", res)
     // is_city = res[0].dataset.iscity;
     // classid = res[0].id;

      that.setData({
        scrollLeft: res[2].scrollLeft + res[0].left + res[0].width / 2 - res[1].width / 2,

      });
    });

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  /***********点击底部导航按钮*********************** */
  bottom: function (e) {
    var that = this;
    var query = wx.createSelectorQuery();//创建节点查询器
    var thisIndex = e.currentTarget.dataset.index;

    query.select('#bottom-' + thisIndex).boundingClientRect();//选择id='#bottom-' + xx的节点，获取节点位置信息的
    query.exec(function (res) {
      console.log("res:", res)
      var pagePath = res[0].dataset.pagepath;
      console.log(pagePath);
      wx.navigateTo({
        url: pagePath,
      })

    })

  },
})